<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>角色管理</title>
	<link rel="stylesheet" href="public/dist/css/zui.min.css">
	<link rel="stylesheet" href="public/css/background.css">
</head>

<body>
	<div class="panel" id="frame">
		<div class="panel-heading">
			角色信息管理
		</div>
		<div class="panel-body">
			<div class="col-lg-4 col-sm-4 col-xs-12">
				<div class="with-padding">

					<div class="input-group">
						<span class="input-group-addon">角色名</span>
						<input id="roleName" type="text" class="form-control" placeholder="用户名">
					</div>

				</div>
			</div>

			<div class="col-lg-4 col-sm-4 col-xs-12">
				<div class="with-padding">
					<div class="input-group">
						<span class="input-group-addon">创建时间</span>
						<input type="date" class="form-control" id="start" onchange="getstartDate()">
						<span class="input-group-addon">至</span>
						<input type="date" class="form-control" id="end" onchange="getendDate()">
					</div>
				</div>
			</div>



			<div class="col-lg-2 col-sm-2 col-xs-12">
				<div class="with-padding">
					<button class="btn  btn-block" onclick="addRole()" type="button">新增角色</button>
				</div>
			</div>

			<div class="col-lg-2 col-sm-2 col-xs-12">
				<div class="with-padding">
					<button class="btn  btn-block" onclick="doSend()" type="button">查询</button>
				</div>
			</div>
		</div>

		<div class="panel" id="frame">
			<div class="panel-heading">
				角色信息表
			</div>

			<div class="panel-body">




				<table class="table table-bordered" id="table">
				</table>
				<div align="center">
					<input type="button" value="上一页" onclick="pageback()">
					&nbsp;<span id="pager">0/0</span>&nbsp;
					<input type="button" value="下一页" onclick="pagenext()">
				</div>
			</div>
		</div>

		<div class="modal fade" id="addData">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">×</span><span class="sr-only">关闭</span>
						</button>
						<h4 class="modal-title">新增</h4>
					</div>
					<div class="modal-body">

						<div class="px5">
							<div class="input-group">
								<span class="input-group-addon">角色名称</span> <input type="text" class="form-control"
									placeholder="角色名称" id="addRoleName">
							</div>
						</div>

						<div class="px5">
							状态： <label class="radio-inline"> <input type="radio" name="stateAdd" checked="true"
									value="0">
								启用
							</label> <label class="radio-inline"> <input type="radio" name="stateAdd" value="1"> 禁用
							</label>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" onclick="confirm()">新增角色</button>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="amendData">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">×</span><span class="sr-only">关闭</span>
						</button>
						<h4 class="modal-title">修改角色权限</h4>
					</div>
					<div class="modal-body">

						<div class="alert">
							角色姓名：<span id="ROLENAME">无</span>
							<div id="moveApplyDiv"></div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary" onclick="doSubmit()">保存</button>
						</div>
					</div>
				</div>
			</div>

</body>
<script type="text/javascript" src="public/dist/lib/jquery/jquery.js"></script>
<script type="text/javascript" src="public/dist/js/zui.min.js"></script>
<script type="text/javascript" src="public/layer/layer.js"></script>
<script type="text/javascript" src="public/js/function.js"></script>
<script type="text/javascript" src="public/js/manageRole.js"></script>

</html>